var path = require('path')
var webpack = require("webpack")
var htmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports={
  entry:path.join(__dirname, './src/main.js'),
  output:{
    path:path.join(__dirname, './dist/'),
    filename: 'bundle.js'
  },
  plugins:[
    new htmlWebpackPlugin({
      template:path.join(__dirname, './src/index.html'),
      filename:'index.html'
    }),
    new VueLoaderPlugin(),//这是为了login.vue添加的
  ],
  module:{
    rules:[
      //这是处理   css   文件的  loader
      { test: /\.css$/, use:['style-loader', 'css-loader']},
       //这是   处理less  文件的  loader
      { test: /\.less$/, use:['style-loader', 'css-loader', 'less-loader']},
      //这是   处理scss  文件的  loader
      { test: /\.scss/, use:['style-loader', 'css-loader', 'sass-loader']},
      //处理图片路径的loader
      /*
        limit 给定的值  是图片的大小 ，单位是byte，如果我们引用的图片 大于或者等于给定的limit值
        则不会被转为base64格式的字符串，如果图片小于给定的limit值
        则会被转为base64的字符串
        &name=[hash:8]-[name].[ext]
        name=[hash:8]:表示在图片名字之前添加上8位hash值防止重名
        name=[name].[ext]:
        [name]:表示之前图片是什么名字现在还是什么名字
        [ext]:表示之前是什么后缀现在还是什么后缀
      */
      { test: /\.(jpg|png|gif|bmp|jpeg)$/, use:'url-loader?limit=66783&name=[hash:8]-[name].[ext]'},
      { test: /\.(ttf|eot|svg|woff2)$/, use: 'url-loader'},
      /*
        配置Babel来转换高级的ES6语法
      */
      { test: /\.js$/, use:'babel-loader', exclude: /node_modules/},
      { test :/\.vue$/, use:'vue-loader'}//处理 .vue 文件loader

    ]
  },
  /*修改  Vue  被导入时候的包路径 */
  resolve:{
    alias:{
      // "vue$":"vue/dist/vue.js"
    }
  },
  mode:'none'
}